js中数组各种遍历方法的区别

js中数组各种遍历方法的区别

平时无论是使用数组还是对象，遍历都是一个很频繁的操作，在js中遍历数组或对象的方法有很多，在敲代码时有时会由于到底应该使用哪个，是不是使用哪个都一样？带着这样的疑惑，翻了一下文档，写了点代码测试一下，写篇博客记录一下。

一些老生常谈的区别

日常中常用的遍历方法大体有以下几种：for、forEach、for in、for of、map。
1、for循环用于循环执行一定次数的代码块，是一个js语句而不是方法，很通用的一种遍历方法，既可以用来循环数组也可以用来循环类数组的数据结构，可以通过break或者return来跳出整个循环。
2、forEach方法，对数组的每个元素执行一次传入的callback方法，返回值恒为undefined,无法中途退出循环，只能通过return来跳出某次循环
3、for in 语句，这个语句主要是用来循环遍历数组下标或者对象的属性key的，可以通过break或者return来跳出整个循环。
4、for of与for in相似，是用来循环遍历数组单项值或者对象属性值的，可以通过break或者return来跳出整个循环
5、map方法，传入一个callback函数，将每次执行的callback函数返回值组成一个新的数组，不会改变原数组的值。
上面的这些我看过许许多多的文章，文章中大体的比较内容也就上面这些，其中不乏一些文章提到这些循环遍历方法的执行速度问题，我个人觉得，速度最快的肯定是最原始的for循环，其他的那些是会稍微慢一些，但是这个并不会影响日常开发中的使用，根据场景选择适合的方法就行没必要纠结那一点性能。

难以发现的区别

上面说的那些数组遍历的方法大体上都能够正常的实现循环，但其实这些循环方法的执行机制是有一定区别的，这个区别体现在在循环体中执行异步操作。语句类的循环方法和数组原型的循环方法执行异步操作的结果是截然不同的。先看一段代码

let a = [1, 2, 3, 4, 5]
async function test () {
   
	for (let i = 0; i < a.length